<template>
	<div class="my-header" :style="{backgroundColor: bgc, color}">{{ title }}</div>
</template>

<script>
	export default {
     props: {
			   bgc: String,
				 color: {
					   type: String,
						 default: '#fff'   // 默认值
				 },
				 title: {
					   type: String,
					   required: true
				 }
		 }
	}
</script>

<style lang="less" scoped>
	.my-header {
		height: 45px;
		line-height: 45px;
		text-align: center;
		background-color: #1d7bff;
		color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
	}
</style>
